<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>学生管理系统</title>
<style type="text/css">
.bt1 {
	width: 70px;
	height: 30px;
	background-color: orange;
}

.bt2 {
	width: 70px;
	height: 30px;
	background-color: red;
}

.bt3 {
	width: 100px;
	height: 45px;
	background-color: blue;
}

.bt4 {
	width: 100px;
	height: 45px;
	background-color: orange;
}

.box1 {
	width: 1300px;
	height: 200px;
	border: 2px black;
}
</style>
<!-- Favicons -->
<link th:href="@{/libs/niceadmin/assets/img/favicon.png}" rel="icon">
<link th:href="@{/libs/niceadmin/assets/img/apple-touch-icon.png}"
	rel="apple-touch-icon">

<!-- Google Fonts -->



<!-- Vendor CSS Files -->
<link
	th:href="@{/libs/niceadmin/assets/vendor/bootstrap/css/bootstrap.min.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/bootstrap-icons/bootstrap-icons.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/boxicons/css/boxicons.min.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.snow.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/quill/quill.bubble.css}"
	rel="stylesheet">
<link th:href="@{/libs/niceadmin/assets/vendor/remixicon/remixicon.css}"
	rel="stylesheet">
<link
	th:href="@{/libs/niceadmin/assets/vendor/simple-datatables/style.css}"
	rel="stylesheet">

<!-- Template Main CSS File -->
<link th:href="@{/libs/niceadmin/assets/css/style.css}" rel="stylesheet">

<!--外部引入-->
<link rel="stylesheet"
	th:href="@{/libs/bootstrap/bootstrap4dist/css/bootstrap.css}">
<link rel="stylesheet" th:href="@{/css/student/mainpage.css}">
<link rel="stylesheet"
	th:href="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.css}">

</head>

<body>
	<!-- ======= Header ======= -->
	<div th:replace="public/main :: header"></div>
	<!-- End Header -->

	<!-- ======= Sidebar ======= -->
	<aside id="sidebar" class="sidebar" th:fragment="aside">
		<ul class="sidebar-nav" id="sidebar-nav">

		</ul>
	</aside>
	<!-- End Sidebar-->

	<main id="main" class="main">
		<h1>学生管理系统</h1>
		<form>
			<input type="text" style="width: 250px; height: 40px;"
				placeholder="学生姓名" name="studentName" id="studentName"> <input
				type="text" style="width: 250px; height: 40px" placeholder="手机号码"
				name="mobile" id="mobile"> <input type="text"
				style="width: 250px; height: 40px" placeholder="身份证号" name="idNum"
				id="idNum">
			<!-- <input type="text" style="width:250px;height:40px" placeholder="性别" name="sex" id="sex"> -->


			<!-- 查询按钮 -->
			<button type="button" onclick="conditionFind()"
				class="btn btn-primary">查询</button>

			<button type="reset" class="btn btn-primary">重置</button>

		</form>
		<!-- 三级联动 -->

		<!--  <div>
			<form>
				<div class="form-group">
					<label for="provinces">省</label> <select onchange="findCities()" class="form-control"
						id="provinces">
						<option value="">请选择省</option>
					</select>
				</div>
				<div class="form-group">
					<label for="city">市</label> <select onchange="findAreas()" class="form-control" id="city">
						<option value="">请选择市</option>
					</select>
				</div>
				<div class="form-group">
					<label for="areas">县</label> <select  class="form-control" id="areas">
						<option value="">请选择县</option>
					</select>
				</div>
				
			</form>
		</div> -->
		<button type='button' class='btn btn-primary' data-toggle='modal'
			data-target='#insertmodal' data-whatever='@fat'>新增</button>
		<div>
			<table id="table" data-pagination="true" data-page-size="5"
				data-search="true">
			</table>
		</div>
		
		<!-- 分页 -->
		<div>
			<nav aria-label="Page navigation example">
				<ul class="pagination" id="pagination">
				</ul>
			</nav>
			<div>
				<input id="pageSize" hidden="hidden" value="5" />
			</div>
		</div>

		<div>
			<!-- 新增 -->
			<div class="modal fade" id="insertmodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">新增学生信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<div>
								<label for="update-building-no" class="col-form-label">学生姓名</label>
								<input type="text" placeholder="学生姓名" id="AddStudentName">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">手机号码</label>
								<input type="text" placeholder="手机号码" id="AddMobile">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">身份证号</label>
								<input type="text" placeholder="身份证号" id="AddIdNum">
							</div>
							<div>
								男：<input type="radio" style="width: 20px; height: 20px"
									name="Addsex" value="M"> 女：<input type="radio"
									style="width: 20px; height: 20px" name="Addsex" value="F">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">年龄</label>
								<input type="text" placeholder="年龄" id="AddAge">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">籍贯</label>
								<input type="text" placeholder="籍贯" id="AddNativePlace">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">邮箱</label>
								<input type="text" placeholder="邮箱" id="AddEmail">
							</div>

							<div>
								<form>
									<div class="form-group">
										<label for="provinces">省</label> <select
											onchange="findCities()" class="form-control" id="provinces">
											<option value="">请选择省</option>
										</select>
									</div>
									<div class="form-group">
										<label for="city">市</label> <select onchange="findAreas()"
											class="form-control" id="city">
											<option value="">请选择市</option>
										</select>
									</div>
									<div class="form-group">
										<label for="areas">县</label> <select class="form-control"
											id="areas">
											<option value="">请选择县</option>
										</select>
									</div>

								</form>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
							<button type="button" onclick="insertStudent()"
								class="btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>
				</div>
			</div>








			<!-- 修改 -->
			<div class="modal fade" id="updatemodal" tabindex="-1"
				aria-labelledby="exampleModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title" id="exampleModalLabel">修改学生信息</h5>
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
						</div>
						<div class="modal-body">
							<div>
								<label for="update-building-no" class="col-form-label">学生姓名</label>
								<input type="text" placeholder="学生姓名" id="UpStudentName">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">手机号码</label>
								<input type="text" placeholder="手机号码" id="UpMobile">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">身份证号</label>
								<input type="text" placeholder="身份证号" id="UpIdNum">
							</div>
							<label for="provinces">性别</label> <select
								style="width: 250px; height: 30px;" id="updatesex">
								<option value="">请选择性别</option>
								<option value="M">男</option>
								<option value="F">女</option>
							</select>
							<div>
								<label for="update-building-no" class="col-form-label">年龄</label>
								<input type="text" placeholder="年龄" id="UpAge">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">籍贯</label>
								<input type="text" placeholder="籍贯" id="UpNativePlace">
							</div>
							<div>
								<label for="update-building-no" class="col-form-label">邮箱</label>
								<input type="text" placeholder="邮箱" id="UpEmail">
							</div>
							<input type="text" id="studentId">
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary"
								data-dismiss="modal">取消</button>
							<button type="button" onclick="updateStudent()"
								class="btn btn-primary" data-dismiss="modal">确认</button>
						</div>
					</div>
				</div>
			</div>

			<div>
				<!-- 删 -->
				<div class="modal fade" id="deletemodal" tabindex="-1"
					aria-labelledby="exampleModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<h5 class="modal-title" id="exampleModalLabel">删除学生信息</h5>
								<button type="button" class="close" data-dismiss="modal"
									aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
							</div>

							<div class="modal-footer">
								<button type="button" class="btn btn-secondary"
									data-dismiss="modal">取消</button>
								<button type="button" onclick="deleteStudent()"
									class="btn btn-primary" data-dismiss="modal">确认</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<input id="addr" hidden
				th:value="${#httpServletRequest.getScheme()+'://'+#httpServletRequest.getServerName()+':'+#httpServletRequest.getServerPort()+#httpServletRequest.getContextPath()} " />
		</div>

	</main>
	<!-- End #main -->

	<!-- ======= Footer ======= -->
	<div th:replace="public/main :: footer"></div>
	<!-- End Footer -->

	<a th:href="@{/libs/niceadmin/#}"
		class="back-to-top d-flex align-items-center justify-content-center"><i
		class="bi bi-arrow-up-short"></i></a>

	<!-- Vendor JS Files -->
	<script th:src="@{/libs/jquery/jquery-3.5.1.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/apexcharts/apexcharts.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
	<script th:src="@{/libs/niceadmin/assets/vendor/chart.js/chart.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/echarts/echarts.min.js}"></script>
	<script th:src="@{/libs/niceadmin/assets/vendor/quill/quill.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/simple-datatables/simple-datatables.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/tinymce/tinymce.min.js}"></script>
	<script
		th:src="@{/libs/niceadmin/assets/vendor/php-email-form/validate.js}"></script>
	<!-- Template Main JS File -->
	<script th:src="@{/libs/niceadmin/assets/js/main.js}"></script>

	<script type="text/javascript"
		th:src="@{/libs/jquery/jquery-3.5.1.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/libs/bootstrap/bootstrap4dist/js/bootstrap.js}"></script>
	<script type="text/javascript" th:src="@{/js/student/mainpage.js}"></script>

	<script type="text/javascript"
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_bootstrap-table.min.js}"></script>
	<script type="text/javascript"
		th:src="@{/libs/bootstrap-table/unpkg.com_bootstrap-table@1.15.3_dist_locale_bootstrap-table-zh-CN.min.js}"></script>
	<script th:src="@{/js/public/Menu.js}"></script>
</body>

</html>
